<%@ page language="java" import="java.util.*"  pageEncoding="UTF-8" isELIgnored="false"%>
<%@ include file="../common/init.jsp"%>
<%
	String pagenav = "AbStop";
	String pagemodel=abstop;
%>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>  Abstore</title>
</head>
<body><script>
	//document.getElementById("Default_AbStop").style.fontWeight='bold';
	//document.getElementById("Default_AbStop").children[0].children[0].style.color="#FF6600";
</script>
<div class="localbar">
		<li><a href="<%=home %>" style="color:white">Home</a> > <%=pagenav%></li>
</div>
<div class="contentbox">
	<div class="tab">
		 <a href="<%=path%>/<%=pagemodel.toLowerCase()%>_overview.html">Overview</a>
		 <a href="<%=path%>/<%=pagemodel.toLowerCase()%>_features.html">Features</a> 
		 <a href="<%=path%>/<%=pagemodel.toLowerCase()%>_technology.html">Technology</a> 
		 <a href="<%=path%>/<%=pagemodel.toLowerCase()%>_design.html">Design</a>
		 <a href="#" class="acurrent">Abcatalog</a>
	</div>
<table width="100%" border="0"  cellspacing="0"  class="tablelist">
  <tr>
    <td align="center" bgcolor="#e4e4e4">Cat</td>
    <td align="center" bgcolor="#e4e4e4">Name</td>
    <td align="center" bgcolor="#e4e4e4">Poly/Mono</td>
    <td align="center" bgcolor="#e4e4e4">Target </td>
    <td align="center" bgcolor="#e4e4e4">Reactivity </td>
    <td align="center" bgcolor="#e4e4e4">Validation </td>
  </tr>
  <c:forEach items="${pageable.content }" var="obj" varStatus="i">
	     	 	<tr onmousemove=javascript:changebg(this,0) onmouseout=javascript:changebg(this,1) id="${obj.id }">
	     	 		<td align="center">
	     	 			<a href="<%=path%>/<%=pagemodel.toLowerCase()%>_details_${obj.id }.html">${obj.catalog }</a>
	     	 		</td>
					<td align="center">
						${obj.mc }
					</td>
					<td align="center">
						${obj.monoclonal_polyclonal }
					</td>
					<td align="center">
						${obj.target }
					</td>
					<td align="center">
						${obj.reactivity }
					</td>
					<td align="center">
						<img src="<%=path%>/webmanage${obj.validation_pic1 }" width="53" height="51">
					</td>
				</tr>
  </c:forEach>
</table>
	<div class="page">
        <ul id="visible-pages-example"></ul>
   </div>
</div>
<script src="<%=path%>/res/js/page/zzsc.js"></script>
<script type="text/javascript">
var href="<%=path%>/<%=pagemodel.toLowerCase()%>_abcatalog_{{number}}.html";
var total = ${pageable.total};
var number= ${pageable.number}+1;
var pages =10;
if(total==0){
	total=1;
}
if(pages>total){
	pages=total;
}
</script>
</body>
</html>
